<div class="row masonry-container">
    {foreach $articles as $article}
    <div class="col-md-4 col-sm-6 masonry-item blog-item">
        <div class="thumbnail">
            <img src="{$article.Img}" class="img-responsive">
            <div class="caption">
                <h3>{$article.Title}</h3>
                {$article.Intro}
                <hr class="dotted">
                <span class="autor-post">
                    <img src="{$article.Author.Avatar}"> by <a href="{$article.Author.HomePage}">{$article.Author.StaticName}</a>
                </span>
                <a href="{$article.Url}" class="btn btn-ar btn-primary pull-right" role="button">详情 »</a>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    {/foreach}
</div>
<div class="pagebar">{template:pagebar}</div>